<html>
<head>
<title>Container example</title>
<link rel="stylesheet" type="text/css" href="default.css" />
<script type="text/javascript" src="../src/main/js/loader.js"></script>
<script type="text/javascript">

	load('core.ui.Container');
	load('core.ui.Slider');

	function init() {
		var td = document.getElementById('slider_container');
		var container = new core.ui.Container(td);
		var slider = new core.ui.Slider(container);
		slider.show();
	}
	
</script>
<style type="text/css">

	.Slider {
		width: 200px;
	}
	
</style>
</head>

<body onload="init()">
	<table border="1">
		<tr>
			<td>
				Please change slider position:
			</td>
			<td id="slider_container">
				<!-- Here will be a slider widget after the document was loaded. -->
			</td>
		</tr>
	</table>
</body>
</html>